<template>
    <div class="base-count">
        <button @click="count--">-</button>
        <span>{{ count }}</span>
        <button @click="count++">+</button>
    </div>
</template>

<script>
export default {
    // data 必须是一个函数 -> 为了保证每个组件实例，维护独立的一个数据对象
    data() {
        console.log("data函数执行了")
        return {
            count: 100,
        }
    },
    // data: {
    //     count: 999
    // }
}
</script>

<style>
.base-count {
    margin: 20px;
}
</style>